<template>
  <div class="form">
    <div class="title">预约网点</div>
    <ul class="fromul">
      <li>
        <div>业务类型</div>
        <div align="right">对公账户变更</div>
        <div></div>
      </li>
      <li>
        <div>账号</div>
        <div><input type="text" placeholder="请输入账号"></div>
        <div></div>
      <li>
        <div>办理人姓名</div>
        <div><input type="text" placeholder="请输入办理人姓名"></div>
        <div></div>
      </li>
      <li>
        <div>证件类型</div>
        <div><input type="text" placeholder="请输入证件类型"></div>
        <div></div>
      </li>
      <li>
        <div>证件号码</div>
        <div><input type="text" placeholder="请输入证件号码"></div>
        <div></div>
      </li>
      <li>
        <div>开户网点</div>
        <div><input type="text" placeholder="请输入开户网点"></div>
        <div></div>
      </li>
      <li>
        <div>预约日期</div>
        <div><input type="" placeholder="开户网点"></div>
        <div></div>
      </li>
      <li>
        <div>预约时间段</div>
        <div><input type="" placeholder="开户网点"></div>
        <div></div>
      </li>
      <li>
        <div>单位经办人</div>
        <div><input type="text" placeholder="单位经办人"></div>
        <div></div>
      </li>
      <li>
        <div>手机号码</div>
        <div><input type="text" placeholder="请输入手机号" v-model="phone" maxlength="11" minlength="11" ref="phones"></div>
        <div>
          <button  style="padding:3px 10px;" @click="GetMessage" :disabled="enabled">获取</button>
        </div>
      </li>
      <li>
        <div>验证码</div>
        <div><input type="text" placeholder="请输入验证码" v-model="inputCheack"  ref="check"></div>
        <div></div>
      </li>
    </ul>
    <button id="nextStep2" @click="nextStep" >
      提交
    </button>
  </div>
</template>
<script>
    export default {
        name: "book-bank",
      date(){
          return{
            inputCheack:"",
            phones:"",
          }
      },
      methods:{
        nextStep(){
          this.$router.go(-1);
        }
      }
    }
</script>

<style scoped lang="less">
  #nextStep2 {
    width: 50%;
    height: 40px;
    background: dodgerblue;
    color: white;
    border: 0;
    border-radius: 40px;
    margin: 30px 0 50px 0;
  }
  .form {
    .fromul {
      padding: 0 10px;
      margin: 0;
      list-style-type: none;
      li {
        display: flex;
        flex: 7;
        height: 50px;
        align-items: center;
        border-bottom: 1px solid #ddd;
        > div:first-child {
          flex: 2;
          text-align: left;
        }
        > div:nth-child(2) {
          flex: 4;
          input {
            margin: 0;
            border: 0;
            font-size: 15px;
          }
        }
        > div:last-child {
          flex: 1;
          button {
            border: 0;
            border-radius: 40px;
            background: dodgerblue;
            color: white;
          }
        }
      }
    }
  }
</style>
